<div class="row">
    <div class="col-lg-12">
        <h3 class="stepTitle" data-content="labels.idProviders"></h3>
    </div>
</div>

<div class="successMessage alert alert-success alert-dismissable fade in" style="display:none;">
  <button type="button" class="close" onclick="$(this).parent('.alert').hide();">&times;</button>
  <span class="glyphicon glyphicon-ok"></span> <span data-content="labels.messageSuccess"></span>
</div>

<div class="errorMessage alert alert-danger alert-dismissable fade in" style="display:none;">
  <button type="button" class="close" onclick="$(this).parent('.alert').hide();">&times;</button>
  <span class="glyphicon glyphicon-remove"></span> <span data-content="labels.messageError"></span>
</div>

<button type="button" id="new" class="btn btn-primary pull-right"><span class="glyphicon glyphicon-plus"></span> <span data-content="labels.btnNew"></span></button>

<!-- Nav tabs -->
<ul id="idProvidersTab" class="nav nav-tabs">
    <li class="active"><a href="#tabs-1" data-toggle="tab"><span data-content="labels.standardView"></span></a></li>
    <li><a href="#tabs-2" data-toggle="tab"><span data-content="labels.advancedView"></span></a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  
  <div class="tab-pane active" id="tabs-1">
        
        <p></p>

        <form id="form3" class="form-horizontal" role="form">

            <div id="idProvidersContainer"></div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" id="save" class="btn btn-success"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-content="labels.btnSave"></span></button>
                    <button type="button" id="cancel" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> <span data-content="labels.btnCancel"></span></button>
                </div>
            </div>

        </form>

  </div>
  
    <div class="tab-pane" id="tabs-2">

        <div class="row">
            <div class="col-lg-12">
                
                <p></p>

                <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="idProviderTable">
                    <thead>
                        <tr>
                            <th width="0%" data-content="labels.id"></th>
                            <th width="15%" data-content="labels.name"></th>
                            <th width="55%" data-content="labels.buttonPreview"></th>
                            <th width="10%" data-content="labels.active"></th>
                            <th width="20%"></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>

            </div>
        </div>

        <!--div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="button" id="edit" class="btn btn-success"><span class="glyphicon glyphicon-pencil"></span> <span data-content="labels.btnEdit"></span></button>
                <button type="button" id="delete" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> <span data-content="labels.btnDelete"></span></button>
            </div>
        </div-->
        
    </div>

</div>

<!-- Modal -->
<div class="modal modal-wide fade" id="dialog-edit" tabindex="-1" role="dialog" aria-labelledby="dialog-edit-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="dialog-edit-label">Modal title</h4>
            </div>
            <div class="modal-body">
            ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success btn-save"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-content="labels.btnSave"></span></button>
                <button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> <span data-content="labels.btnCancel"></span></button>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="dialog-confirm" tabindex="-1" role="dialog" aria-labelledby="dialog-confirm-label" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="dialog-confirm-label"><span data-content="labels.btnDelete"></h4>
            </div>
            <div class="modal-body">
                <span data-content="labels.deleteConfirm">
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> <span data-content="labels.btnCancel"></span></button>
                <button type="button" class="btn btn-success btn-confirm"><span class="glyphicon glyphicon-ok"></span> <span data-content="labels.btnConfirm"></span></button>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="dialog-edit-id" tabindex="-1" role="dialog" aria-labelledby="dialog-edit-id-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="dialog-edit-id-label">Modal title</h4>
            </div>
            <div class="modal-body">
            ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success btn-save"><span class="glyphicon glyphicon-floppy-disk"></span> <span data-content="labels.btnSave"></span></button>
                <button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> <span data-content="labels.btnCancel"></span></button>
            </div>
        </div>
    </div>
</div>